import React, { Component } from 'react'

import '../sass/process.bar.scss'
/**
 * @desc: line process bar
 */

class LineProcessBar extends Component {
  constructor(props) {
    super(props)
  }

  renderStyle() {
    return {
      width: this.props.proceding,
      background: this.props.background
    }
  }

  render() {
    let styleProps = this.renderStyle()
    return (
      <div className="process-container">
        <div className="process-bar" style={styleProps} />
      </div>
    )
  }
}

LineProcessBar.defaultProps = {
  proceding: '0%',
  background: 'rgba(255, 229, 2, .2)'
}

export default LineProcessBar